<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0， user-scalable=0">
    <title>文档</title>
    <link rel="stylesheet" href="./css/normalize.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/doc.css">
    <script src="./js/flexible.js"></script>
</head>

<body>
    <header class="search-content w">
        <div class="search-box">
            <span class="tx"></span>
            <span class="user-name">Jim</span>
        </div>
    </header>
    <nav class="nav">
        <ul>
            <li>最近</li>
            <li>共享</li>
            <li>星标</li>
            <li>标签</li>
            <li>全部</li>
        </ul>
    </nav>
    <section class="doc-list">
        <ul>
            <li>
                <!-- icon -->
                <div class="icon-container">
                    <img src="./icon/find/word.svg" alt="">
                </div>
                <!-- file info -->
                <div class="file-info">
                    <h5 class="file-name">超级网关试厂总结报告.docx</h5>
                    <span class="file-date">2022-05-14&nbsp; 来自我的文档</span>
                    <i class="file-shar">&#xe620;</i>
                    <i class="file-more">&#xe624;</i>
                </div>
            </li>
            <li>
                <!-- icon -->
                <div class="icon-container">
                    <img src="./icon/find/ppt.svg" alt="">
                </div>
                <!-- file info -->
                <div class="file-info">
                    <h5 class="file-name">2022第一季度..进度表.pptx</h5>
                    <span class="file-date">2022-05-20&nbsp; 来自我的文档</span>
                    <i class="file-shar">&#xe620;</i>
                    <i class="file-more">&#xe624;</i>
                </div>
            </li>
            <li>
                <!-- icon -->
                <div class="icon-container">
                    <img src="./icon/find/text.svg" alt="">
                </div>
                <!-- file info -->
                <div class="file-info">
                    <h5 class="file-name">随手记.txt</h5>
                    <span class="file-date">2022-05-30&nbsp; 来自我的文档</span>
                    <i class="file-shar">&#xe620;</i>
                    <i class="file-more">&#xe624;</i>
                </div>
            </li>
            <li>
                <!-- icon -->
                <div class="icon-container">
                    <img src="./icon/find/zip.svg" alt="">
                </div>
                <!-- file info -->
                <div class="file-info">
                    <h5 class="file-name">无线智能家居全系列...画册</h5>
                    <span class="file-date">2022-05-30&nbsp; 来自我的文档</span>
                    <i class="file-shar">&#xe620;</i>
                    <i class="file-more">&#xe624;</i>
                </div>
            </li>
            <li>
                <!-- icon -->
                <div class="icon-container">
                    <img src="./icon/find/excel.svg" alt="">
                </div>
                <!-- file info -->
                <div class="file-info">
                    <h5 class="file-name">报名统计表.xlsx</h5>
                    <span class="file-date">2022-05-13&nbsp; 来自我的文档</span>
                    <i class="file-shar">&#xe620;</i>
                    <i class="file-more">&#xe624;</i>
                </div>
            </li>
            <li>
                <!-- icon -->
                <div class="icon-container">
                    <img src="./icon/find/zip.svg" alt="">
                </div>
                <!-- file info -->
                <div class="file-info">
                    <h5 class="file-name">有线智能家居全系列...画册</h5>
                    <span class="file-date">2022-05-30&nbsp; 来自我的文档</span>
                    <i class="file-shar">&#xe620;</i>
                    <i class="file-more">&#xe624;</i>
                </div>
            </li>
            <li>
                <!-- icon -->
                <div class="icon-container">
                    <img src="./icon/find/excel.svg" alt="">
                </div>
                <!-- file info -->
                <div class="file-info">
                    <h5 class="file-name">第一季度销售排行统计表</h5>
                    <span class="file-date">2022-05-14&nbsp; 来自我的文档</span>
                    <i class="file-shar">&#xe620;</i>
                    <i class="file-more">&#xe624;</i>
                </div>
            </li>
        </ul>
    </section>
    <span class="file-add">&#xe727;</span>
    <footer class="footer">
        <ul>
            <li>发现</li>
            <li>文件</li>
            <li>相册</li>
            <li>笔记</li>
            <li>文档</li>
            <li>&#xe672;</li>
        </ul>
    </footer>
</body>

</html>